<!--
 * @Description: 我的账号
 * @Author: liu (1427179517@qq.com)
 * @Date: 2023-05-05 17:06:09
 * @LastEditors: liu (1427179517@qq.com)
 * @LastEditTime: 2023-05-08 17:11:15
 * @FilePath: \jiekuan-app\src\subPages\other\myAccount.vue
-->

<template>
  <div class="page">
    <div class="page-header">
      <u-navbar
        title="我的账号"
        :background="nav_background"
        title-color="#fff"
        back-icon-color="#fff"
        :height="60"
        :border-bottom="false"
      ></u-navbar>
    </div>
    <div class="page-content">
      <div class="item u-flex u-row-between u-col-center">
        <span> 手机号 </span>
        <span class="text">{{ mobile }}</span>
      </div>
      <div class="item u-flex u-row-between u-col-center">
        <span> 微信号 </span>
        <span class="text">{{ wechat || '未设置' }}</span>
      </div>
    </div>
    <div class="page-footer"></div>
  </div>
</template>

<script>
export default {
  name: 'MyAccount', // 页面名称
  components: {}, // 挂载组件
  props: {}, // 组件传值
  data() {
    return {
      nav_background: { backgroundImage: 'transparent' },
      mobile: uni.getStorageSync('mobile'),
      wechat: uni.getStorageSync('wechat'),
    }
  },
  computed: {}, // 计算机属性 类似与data概念
  watch: {}, // 监控data中数据变化
  created() {}, // 生命周期-创建完成(可以访问当前this实例)
  mounted() {}, // 生命周期-挂载完成(可以访问DOM元素)
  methods: {}, // 挂载一些方法
  onLoad(options) {
    console.log('onLoad', options, Date.now())
  }, // 生命周期回调—监听页面加载
  onShow() {}, // 生命周期回调—监听页面显示
  onReady() {}, // 生命周期回调—监听页面初次渲染完成
  onHide() {}, // 生命周期回调—监听页面隐藏
  onUnload() {}, // 生命周期回调—监听页面卸载
}
</script>

<style lang="scss" scoped>
.page {
  background-image: url('http://minio.tianhong.mobi/mall/xiaoq/home_bg.png');
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-content {
  padding: 20rpx 40rpx;
}
.item {
  padding: 22rpx 0;
  font-size: 25rpx;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #ffffff;
  line-height: 38rpx;
}
.text {
  color: #c8c8c8;
}
</style>
